<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:decorate template="/resources/template/modelo.xhtml">

        <ui:define name="centro">
            <f:view encoding="ISO-8859-1">  
                <f:metadata>
                    <f:viewParam name="id" value="#{grupoDePesquisaBean.grupoDePesquisa}"/>
                </f:metadata> 
                <h:form id="form">
                    <p:messages id="messages1" showDetail="true" autoUpdate="true" closable="true" escape="false" /> 
                    <p:panel id="pInfBasicas"  header="Cadastro de Grupos de Pesquisa" style="width: 95%;background-color: #E0E0E0" >
                        <div algin="center" >
                            <h:panelGrid columns="2" width="99%" style="text-align: center" >
                                <h:outputText value="Nome do Grupo: " style="width: 20%" />
                                <p:inputText value="#{grupoDePesquisaBean.grupoDePesquisa.nomeDoGrupo}" style="width: 80%" /> 
                                <h:outputText value="Instituição:" style="width: 20%" />
                                <p:selectOneMenu value="#{grupoDePesquisaBean.grupoDePesquisa.instituicao.id}" style="width:80%"  
                                                 effect="fade"  filter="true" filterMatchMode="startsWith" >  
                                    <f:selectItem itemLabel="Selecione" itemValue="" noSelectionOption="true"  />  
                                    <f:selectItems value="#{instituicaoBean.listaInstituicoes}" var="inst" itemLabel="#{inst.nome}, #{inst.municipio},  #{inst.estado}" itemValue="#{inst.id}" />
                                </p:selectOneMenu> 
                                <h:outputText value="Endereço: " style="width: 20%" /> 
                                <p:inputText value="#{grupoDePesquisaBean.grupoDePesquisa.endereco}" style="width: 80%" /> 
                                <h:outputText value="Link do Grupo no DGP-CNPq: " style="width: 20%" /> 
                                <p:inputText value="#{grupoDePesquisaBean.grupoDePesquisa.linkDGP}" style="width: 80%" /> 
                            </h:panelGrid>
                            <p:panel id="pProducao"  header="Sobre a Produção" style="width: 95%;background-color: #A0A0A0" >

                                <p:panel id="pCoord" header="Coordenadores / Líderes" style="background-color: #D0D0D0;font-size: large " >


                                    <h:panelGrid columns="2" width="99%" >
                                        <h:outputText value="Coordenador / Líder: " style="width: 20%" /> 
                                        <p:selectOneMenu id="coordenadores" value="#{grupoDePesquisaBean.coordenadorSelecionado.coordenador}" style="width:80%"  
                                                         filter="true" filterMatchMode="startsWith"   >  
                                            <f:selectItem itemLabel="Selecione" itemValue=""   />  
                                            <f:selectItems value="#{autorBean.listaAutoresSimplificado}"  var="a" itemLabel="#{a.nome}" itemValue="#{a}" />
                                        </p:selectOneMenu> 
                                        <h:outputText value="Data de Início: " style="width: 20%" /> 
                                        <p:calendar value="#{grupoDePesquisaBean.coordenadorSelecionado.dataInicio}" style="width: 80%" /> 
                                        <h:outputText value="Data de Fim: " style="width: 20%" /> 
                                        <p:calendar value="#{grupoDePesquisaBean.coordenadorSelecionado.dataFim}" style="width: 80%" /> 
                                        <p:commandButton value="Cadastrar" action="#{grupoDePesquisaBean.addCoordenador()}" update="pCoord"  >

                                        </p:commandButton>
                                    </h:panelGrid>

                                    <br/><br/>

                                    <p:panel header="Coordenadores / Líderes selecionados" style="background-color: #A0A0A0" >
                                        <p:dataTable id="cCadastrados" value="#{grupoDePesquisaBean.grupoDePesquisa.coordenadores}" var="coords" style="width: 70%" >
                                            <p:column headerText="Nome" style="width: 50%">
                                                #{coords.coordenador.nome}
                                            </p:column>
                                            <p:column headerText="Data Início" style="width:20%">  
                                                <h:outputText value="#{coords.dataInicio}" >
                                                    <f:convertDateTime pattern="d/M/yyyy"/>  
                                                </h:outputText>  
                                            </p:column>  

                                            <p:column headerText="Data Término" style="width:20%">  
                                                <h:outputText value="#{coords.dataFim}" >
                                                    <f:convertDateTime pattern="d/M/yyyy"/>  
                                                </h:outputText>  
                                            </p:column>  
                                            <p:column headerText="Remover">
                                                <p:panelGrid columns="1" style="text-align:center">
                                                    <p:commandButton action="#{grupoDePesquisaBean.removerCoordenador()}" icon="ui-icon-trash"  style="width: 10%" update="cCadastrados" >
                                                        <f:setPropertyActionListener target="#{grupoDePesquisaBean.coordenadorSelecionado}" value="#{coords}" />

                                                    </p:commandButton>
                                                </p:panelGrid>     

                                            </p:column>
                                        </p:dataTable>
                                    </p:panel>
                                </p:panel>

                                <br/><br/>
                                <p:panel header="Pesquisadores" style="background-color: #D0D0D0;font-size: large " >


                                    <h:panelGrid columns="2" width="99%" >
                                        <p:selectOneMenu id="pesquisadores" value="#{grupoDePesquisaBean.pesquisadorSelecionado}" style="width:95%"  
                                                         filter="true" filterMatchMode="startsWith"  >  
                                            <f:selectItem itemLabel="Selecione" itemValue=""   />  
                                            <f:selectItems value="#{autorBean.listaAutoresSimplificado}" var="a" itemLabel="#{a.nome}" itemValue="#{a}" />
                                        </p:selectOneMenu> 
                                        <p:commandButton value="Cadastrar" action="#{grupoDePesquisaBean.addPesquisador()}" update="pesquisadores, pesqCadastrados"  >

                                        </p:commandButton>
                                    </h:panelGrid>

                                    <br/><br/>

                                    <p:panel header="Pesquisadores Selecionados" style="background-color: #A0A0A0" >
                                        <p:dataTable id="pesqCadastrados" value="#{grupoDePesquisaBean.grupoDePesquisa.pesquisadores}" var="pesq" style="width: 90%" >
                                            <p:column headerText="Nome" style="width: 40%">
                                                #{pesq.nome}
                                            </p:column> 
                                            <p:column headerText="Instituição" style="width: 40%;white-space: normal;">
                                                #{pesq.instituicaoAutor.nome}, #{pesq.instituicaoAutor.municipio} - #{pesq.instituicaoAutor.estado}   
                                            </p:column>
                                            <p:column headerText="Remover">
                                                <p:panelGrid columns="1" style="text-align:center">
                                                    <p:commandButton action="#{grupoDePesquisaBean.removerPesquisador()}" icon="ui-icon-trash"  style="width: 20%" update="pesqCadastrados" >
                                                        <f:setPropertyActionListener target="#{grupoDePesquisaBean.pesquisadorSelecionado}" value="#{pesq}" />
                                                    </p:commandButton>
                                                </p:panelGrid>     

                                            </p:column>
                                        </p:dataTable>
                                    </p:panel>
                                </p:panel>
                                <br/><br/>

                                <p:panel header="Linhas de Pesquisa" style="background-color: #D0D0D0;font-size: large " >


                                    <h:panelGrid columns="2" width="99%" >
                                        <h:outputText value="Linha de Pesquisa: " style="width: 20%" />
                                        <p:inputText id="lp" value="#{grupoDePesquisaBean.linhaDePesquisaSelecionada}" style="width: 80%" /> 
                                        <p:commandButton value="Cadastrar" action="#{grupoDePesquisaBean.addLinhaDePesquisa()}" update="lp, lpCadastrados"  />


                                    </h:panelGrid>

                                    <br/><br/>

                                    <p:panel header="Linhas de Pesquisa Selecionadas" style="background-color: #A0A0A0" >
                                        <p:dataTable id="lpCadastrados" value="#{grupoDePesquisaBean.grupoDePesquisa.linhasDePesquisa}" var="lp" style="width: 70%" >
                                            <p:column headerText="Nome" style="width: 90%">
                                                #{lp} 
                                            </p:column>

                                            <p:column headerText="Remover">
                                                <p:panelGrid columns="1" style="text-align:center">
                                                    <p:commandButton action="#{grupoDePesquisaBean.removerLinhaDePesquisa()}" icon="ui-icon-trash"  style="width: 10%" update="lpCadastrados" >
                                                        <f:setPropertyActionListener target="#{grupoDePesquisaBean.linhaDePesquisaSelecionada}" value="#{lp}" />

                                                    </p:commandButton>
                                                </p:panelGrid>     

                                            </p:column>
                                        </p:dataTable>
                                    </p:panel>
                                </p:panel>  

                                <br/><br/>

                                <p:panel id="pInster" header="Projetos Interinstitucionais" style="background-color: #D0D0D0;font-size: large " >


                                    <h:panelGrid columns="2" width="99%" >
                                        <h:outputText value="Existem Projetos Interinstituicionais? " style="width: 20%" />
                                        <p:selectOneRadio id="options" value="#{grupoDePesquisaBean.grupoDePesquisa.possuiProjetosInstituicionais}"  >  
                                            <f:selectItem itemLabel="Sim" itemValue="true" />
                                            <f:selectItem itemLabel="Não" itemValue="false" />  
                                            <p:ajax update="pInster" event="change"   />  

                                        </p:selectOneRadio>  

                                        <br/><br/>




                                    </h:panelGrid>

                                    <p:panel id="iParceira" header="Instituições Parceiras" style="background-color: #D0D0D0;font-size: large " rendered="#{grupoDePesquisaBean.grupoDePesquisa.possuiProjetosInstituicionais}" >


                                        <h:panelGrid columns="2" width="99%" >
                                            <h:outputText value="Instituições:" style="width: 20%" />
                                            <p:selectOneMenu value="#{grupoDePesquisaBean.instituicaoSelecionada.id}" style="width:80%"  
                                                             effect="fade"  filter="true" filterMatchMode="startsWith" >  
                                                <f:selectItem itemLabel="Selecione" itemValue="" noSelectionOption="true"  />  
                                                <f:selectItems value="#{instituicaoBean.listaInstituicoes}" var="inst" itemLabel="#{inst.nome}, #{inst.municipio},  #{inst.estado}" itemValue="#{inst.id}" />
                                            </p:selectOneMenu>
                                            <p:commandButton value="Cadastrar" action="#{grupoDePesquisaBean.addParceira()}" update="iParceira, lpCadastrados"  />


                                        </h:panelGrid>

                                        <br/><br/>

                                        <p:panel header="Instituições Selecionadas" style="background-color: #A0A0A0" >
                                            <p:dataTable id="parCadastrados" value="#{grupoDePesquisaBean.grupoDePesquisa.parceiras}" var="instP" style="width: 90%" >
                                                <p:column headerText="Instituição" style="width: 90%;white-space: normal;">
                                                    #{instP.nome}, #{instP.municipio} - #{instP.estado} 
                                                </p:column>

                                                <p:column headerText="Remover">
                                                    <p:panelGrid columns="1" style="text-align:center">
                                                        <p:commandButton action="#{grupoDePesquisaBean.removerParceira()}" icon="ui-icon-trash"  style="width: 10%" update="parCadastrados" >
                                                            <f:setPropertyActionListener target="#{grupoDePesquisaBean.instituicaoSelecionada}" value="#{instP}" />

                                                        </p:commandButton>
                                                    </p:panelGrid>     

                                                </p:column>
                                            </p:dataTable>
                                        </p:panel>


                                    </p:panel>  

                                    <br/><br/>


                                </p:panel>

                                <br/><br/>

                                <p:panel id="pPos" header="Programa de Pós-graduação" style="background-color: #D0D0D0;font-size: large " >


                                    <h:panelGrid columns="2" width="99%" >
                                        <h:outputText value="Grupo Vinculado à Programa de Pós-Graduação? " style="width: 20%" />
                                        <p:selectOneRadio value="#{grupoDePesquisaBean.grupoDePesquisa.grupoPosGraduacao}"  >  
                                            <f:selectItem itemLabel="Sim" itemValue="true" />
                                            <f:selectItem itemLabel="Não" itemValue="false" />  
                                            <p:ajax update="pPos" event="change"   />  

                                        </p:selectOneRadio>

                                    </h:panelGrid>

                                    <h:panelGrid columns="2" width="99%" rendered="#{grupoDePesquisaBean.grupoDePesquisa.grupoPosGraduacao}" >
                                        <h:outputText value="Nome do Programa: " style="width: 20%" />
                                        <p:inputText value="#{grupoDePesquisaBean.grupoDePesquisa.nomeProgramaPosGraduacao}" style="width: 80%" /> 

                                    </h:panelGrid>
                                </p:panel>

                                <h:outputText value="O Grupo tem relação com a RGS? " style="width: 20%" />
                                <p:selectOneRadio value="#{grupoDePesquisaBean.grupoDePesquisa.grupoRelacinadoARGS}"  >  
                                    <f:selectItem itemLabel="Sim" itemValue="true" />
                                    <f:selectItem itemLabel="Não" itemValue="false" />  


                                </p:selectOneRadio>

                            </p:panel>


                            <br/><br/>

                            <p:panel id="pInfo"  header="Informações para contato" style="width: 95%;background-color: #A0A0A0" >
                                <h:panelGrid columns="2" width="99%" >
                                    <h:outputText value="Contato:" style="width: 20%" />
                                    <p:inputText value="#{grupoDePesquisaBean.grupoDePesquisa.contato}" style="width: 80%" />
                                    <h:outputText value="E-mail:" style="width: 20%" />
                                    <p:inputText value="#{grupoDePesquisaBean.grupoDePesquisa.email}" style="width: 80%" />
                                    <h:outputText value="Telefones:" style="width: 20%" />
                                    <p:inputText value="#{grupoDePesquisaBean.grupoDePesquisa.telefone}" style="width: 80%" />
                                    <h:outputText value="Site:" style="width: 20%" />
                                    <p:inputText value="#{grupoDePesquisaBean.grupoDePesquisa.site}" style="width: 80%" />


                                </h:panelGrid>

                            </p:panel>



                        </div>
                    </p:panel>
                    <h:panelGrid columns="2" width="99%"  style="text-align:center" >
                        <p:commandButton value="Editar" action="#{grupoDePesquisaBean.editar()}" update="form" />
                        <p:commandButton value="Cancelar" action="/indexSistema.xhtml" ajax="false" />
                    </h:panelGrid>



                </h:form>    
            </f:view>
        </ui:define>
    </ui:decorate>
</html>